<html xmlns:th="http://www.thymeleaf.org/" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<div class="layui-header" >
    <div class="layui-logo">物流运输管理系统</div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
        <li class="layui-nav-item"><a class="layui-icon layui-icon-home" href="/">首页</a></li>
            <span th:if="${not #strings.isEmpty(session.customer)}">
                <li class="layui-nav-item"><a th:href="@{/pages/front/orderDe/addPre}">申请托运</a></li>
                <li class="layui-nav-item"><a class="layui-icon layui-icon-search" th:href="@{/pages/front/orderDe/listPre}">查询订单</a></span>
                <li class="layui-nav-item"><a class="layui-icon layui-icon-set" th:href="@{/pages/front/customer/updatePasswordPre}">修改密码</a></li>
                <li class="layui-nav-item"><a class="layui-icon layui-icon-service" th:href="@{/pages/front/comment/commentPre}">意见反馈</a></li>
        </span>
    </ul>
    <span th:if="${not #strings.isEmpty(session.customer)}">
    <ul class="layui-nav layui-layout-right">
        <li class="layui-nav-item">
            <a class="layui-icon layui-icon-username" href="javascript:;">
                <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                <span th:text="${session.customer.name}"></span>
            </a>
        </li>
        <li class="layui-nav-item"><a class="layui-icon layui-icon-logout" th:href="@{/pages/customerLogOut}">注销</a></li>
    </ul>
    </span>
    <span th:if="${#strings.isEmpty(session.customer)}">
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item"><a id="loginPre">登录</a></li>
             <li class="layui-nav-item"><a id="emailLoginPre">邮箱登录</a></li>
            <li class="layui-nav-item"><a id="regPre">注册</a></li>
            <li class="layui-nav-item"><a id="emailRegPre">邮箱注册</a></li>
        </ul>
    </span>
</div>
<br/>
<br/>
<div class="layui-carousel" id="test1">
    <div carousel-item>
        <div style="background-color: #00F7DE"><img></div>
        <div style="background-color: greenyellow"><img ></div>
        <div style="background-color: #1E9FFF"><img  alt=""></div>
    </div>
</div>
<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            ,width: '100%' //设置容器宽度
            // ,width: '1140px'
            // , height: '800px'
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });
</script>
</html>